import { useRef } from 'react';
import styles from './index.module.css';
// 逻辑提取到自定义 Hook useFadeIn：
import { useFadeIn } from '../../../hook/useFadeInClass';

// 使用浏览器的 requestAnimationFrame API  实现一个 fade-in 动画
export default function Welcome() {
  const ref = useRef(null);
  useFadeIn(ref, 1000);
 
  return (
    <h1 className={styles.welcome} ref={ref}>
      Welcome
    </h1>
  );
}